<template>
  <div>
    <header>
      <!-- 具名插槽 -->
      <slot name="header"> </slot>
    </header>
    <main>
      <slot name="main"> </slot>
      <!-- 默认插槽 -->
      <!-- <slot> </slot> -->
    </main>
    <footer>
      <slot name="footer"> </slot>
    </footer>

    <!-- 作用域插槽 -->
    <!-- 作用域插槽和默认插槽不能一起使用，不然会报错 -->
    <slot :user='user'></slot>
  </div>
</template>

<script>
export default {
  data () {
    return {
      user: {
        fristName: 'shuqiao',
        lastName: 'ma'
      }
    }
  }
}
</script>

<style>
</style>
